.btn {
  display: inline-block;
  vertical-align: middle;
  margin:0;
  padding:5px 10px;
  border: 1px solid @btnBorderColor;
  .border-radius(3px);
  background-color: @btnBgColor;
  color: @btnTextColor;
  line-height: @baseLineHeight;
  text-decoration: none;
  #gradient.vertical(#fefefe, #eee);
}

.btn.disabled,
.btn[disabled] {
  border-color: @btnDisabledBorderColor;
  background-color: @btnDisabledBgColor;
  color: @btnDisabledTextColor;
  cursor: default;
}

.btn.active
{
  background-color: @btnActiveBgColor;
  background-image: none;
  color: @btnActiveTextColor;
  .box-shadow(0 0 10px rgba(0,0,0,.2) inset);
  filter: none;
}

.btn-primary {
  border-color: @btnPrimaryBorderColor;
  background-color: @btnPrimaryBgColor;
  color: @btnPrimaryTextColor;
  #gradient.vertical(lighten(@btnPrimaryBgColor, 5%), darken(@btnPrimaryBgColor, 5%));
}

.btn-primary.disabled,
.btn-primary[disabled] {
  border-color: @btnDisabledPrimaryBorderColor;
  background-color: @btnDisabledPrimaryBgColor;
  color: @btnDisabledPrimaryTextColor;
  cursor: default;
}

.btn i {
  display: inline-block;
  .square(18px);
  vertical-align: top;
}

.btn-grp{
  display: inline-block;
  margin-right: @baseSpace;

  .btn-grp-lbl {
    display: inline-block;
    float: left;
    padding: 0 5px 0 10px;
    line-height: 30px;
  }

  .btn {
    .border-radius(0);
    border-right-width: 0;
  }

  .first {
    .border-radius(3px 0 0 3px);
  }

  .last {
    .border-radius(0 3px 3px 0);
    border-right-width: 1px;
  }
}
